<template>
    <div class="category">
        <h2>游戏列表</h2>
        <slot :youxi="gameLists"></slot>
    </div>
</template>
<script setup lang="ts" name="Category">
import {reactive} from "vue";

defineProps(['title'])
let gameLists = reactive([
    {id: 'fjlajfal001', content: '王者荣耀'},
    {id: 'fjlajfal002', content: '和平精英'},
    {id: 'fjlajfal003', content: '英雄联盟'}
])
</script>
<style scoped>
.category {
    width: 100%;
    background-color: skyblue;
    border-radius: 10px;
    box-shadow: 0 0 10px;
    padding: 10px;
    height: 300px;
    text-align: center;
}
</style>
